<template>
    <div class="abouts">
        <div class="topImg">
            <img :src="result.basc.ad.photo" />
            <div class="swiperbg"></div>
        </div>
        <div class="sectionAbout">
            <div class="sectionTitle">
                <div class="name">{{result.basc.nav&&result.basc.nav[0].name}}</div>
                <p class="sname">{{result.basc.nav&&result.basc.nav[0].en_name}}</p> 
                <p class="dian"><span></span></p>
            </div>

            <div class="aboutText" v-html="result.basc.web_content">
            </div>


        </div>

        <div class="imgwrap" v-for="(item, index) in result.basc.two_ad" :key="index">
            <img :src="item.photo" />
        </div>
        <!-- <div class="imgwrap ans">
            <img src="static/a3.jpg" />
        </div> -->
        <footers :basc="result.basc"></footers>
    </div>
</template>
<script>
import Footers from './Footer'
export default {
    components:{
        Footers
    },
    data:()=>({
        result:{basc:{ad:{}}}
    }),
    created(){
        this.Query('abouts').then(result=>{
            this.result = result;
        }).catch(os =>{
            console.log('错误');
        });
    }
}
</script>

<style lang="less">
</style>
